/** @type {import('tailwindcss').Config} */
const {addDynamicIconSelectors} = require('@iconify/tailwind')
module.exports = {
    content: [
        './src/**/*.{vue,js,ts,jsx,tsx}'
    ],
    theme: {
        extend: {
            screens: {
                'mini': '300px',
                // => @media (min-width: 640px) { ... }
            },
            lineHeight: {
                'extra-loose': '2.5',
                '12': '3rem',
                '.25':'0.25rem'
            },
            colors: {
                customGray: '#cccccc',
                fontLanse: '#dfefe7',
                fense: '#f3e4e4',
                fontFense: '#e09591',
                chatList: '#e7e7e7',

                chatBackground: '#f8f8f8',
                chatInputOwnBackgroud: '#7269ef',
                chatInputOtherBackgroud: '#e7e7e7'
            },
            width: {
                '1/14': '5.6666%',
                1.65: '1.65rem',
                1.7: '1.7rem',
                30: '30%',


            },
            height: {
                '9/10': '88%',
                1.65: '1.65rem',
                1.7: '1.7rem',
                '85%': '89%',
            },
            fontSize: {
                mm: '0.5rem',
                30: '1.5rem',
            }
        },
    },
    plugins: [addDynamicIconSelectors(),
    ]
}
